<template>
	<div class="searchContent">
		<div class="searchBox" v-for="(item,index) in buyTicket" :key="index">
			<div class="contName">
				{{item.cinameName}}
				<span>{{strfn(item.minPrice)}}元起</span>
			</div>
			<div class="contAddress">{{item.address}}</div>
			<div class="contLabel">
				<p>3D</p>
				<p>MAIX</p>
				<p>VIP</p>
				<p>VIP</p>
				<p>情侣座</p>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "searchContent",
		props: {
			buyTicket: Array
		},
		data(){
			return{
				
			}
		},
		methods: {
			strfn(str){
				return str.toString().slice(0,2);
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '~@/assets/css/common.scss';
	.searchContent{
		.searchBox{
			width: 100%;
			margin-left: vw(10);
			margin-top: vw(10);
			.contName{
				position: relative;
				height: vw(30);
				line-height: vw(30);
				span{
					color: orange;
					position: absolute;
					right: vw(25);
				}
			}
			.contAddress{
				font-size: vw(14);
				color: #999;
				margin-right: vw(34);
			}
			.contLabel{
				width: 100%;
				height: vw(30);
				line-height: vw(30);
				border-bottom: 1px solid #999;
				display: flex;
				margin-top: vw(10);
				p{
					height: vw(20);
					line-height: vw(20);
					border: 1px solid darkcyan;
					color: darkcyan;
					font-size: vw(12);
				}
				p:not(:nth-child(1)){
					margin-left: vw(5);
				}
			}
		}
	}
</style>
